/* 使用 CSS 变量定义常用颜色和间距 */
:root {
    --main-bg-color: #f9fafb;
    --border-color: #eaecf0;
    --success-bg-color: #ecfdf3;
    --success-border-color: #abefc6;
    --success-text-color: #067647;
    --info-text-color: #1570ef;
    --secondary-text-color: #667085;
    --count-bg-color: rgba(249, 245, 255, 1);
    --count-border-color: rgba(233, 215, 254, 1);
    --count-text-color: rgba(105, 65, 198, 1);
    --amount-bg-color: rgba(249, 250, 251, 1);
    --amount-border-color: rgba(234, 236, 240, 1);
    --amount-text-color: rgba(102, 112, 133, 1);
    --primary-btn-bg-color: rgb(127, 86, 217);
    --padding-x: 20px;
    --padding-y: 10px;
    --border-radius: 8px;
  }
  
  .container {
    padding: 20px;
    box-sizing: border-box;
    font-family: MiSans;
    background: var(--main-bg-color);
  }
  .device-log-table {
    border: 1px solid rgb(234,236,240);
    border-radius: 12px;
  }